﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8" />
	<title>支付后台管理</title>
	<link rel="shortcut icon" th:href="@{/images/Logo_40.png}" type="image/x-icon">
	<!-- layui.css -->
	<link th:href="@{/plugin/layui/css/layui.css}" rel="stylesheet" />
	<!-- font-awesome.css -->
	<link th:href="@{/plugin/font-awesome/css/font-awesome.min.css}" rel="stylesheet" />
	<!-- animate.css -->
	<link th:href="@{/css/animate.min.css}" rel="stylesheet" />
	<!-- 本页样式 -->
	<link th:href="@{/css/main.css}" rel="stylesheet" />
</head>

<body>
	<div class="layui-layout layui-layout-admin">
		<!--顶部-->
		<div class="layui-header">
			<span class="sys-title">支付后台管理</span>
			<ul class="ht-nav">
				<li class="ht-nav-item">
					<a href="javascript:;" id="individuation"><i class="fa fa-tasks fa-fw"
							style="padding-right:5px;"></i>个性化</a>
				</li>
				<li class="ht-nav-item">
					<a href="logout"><i class="fa fa-power-off fa-fw"></i>注销</a>
				</li>
			</ul>
		</div>
		<!--侧边导航-->
		<div class="layui-side">
			<div class="layui-side-scroll">
				<ul class="layui-nav layui-nav-tree" lay-filter="leftnav">
					<li class="layui-nav-item layui-this">
						<a href="javascript:;"><i class="fa fa-home"></i>首页</a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;"><i class="fa fa-file-text"></i>支付管理</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:;" data-url="/web/order.html" data-id="1">账单管理</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;"><i class="fa fa-file-text"></i>系统配置</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:;" data-url="/web/order.html" data-id="1">参数管理</a></dd>
						</dl>
					</li>
				</ul>
			</div>
		</div>
		<!--收起导航-->
		<div class="layui-side-hide layui-bg-cyan">
			<i class="fa fa-long-arrow-left fa-fw"></i>收起导航
		</div>
		<!--主体内容-->
		<div class="layui-body">
			<div style="margin:0;position:absolute;top:4px;bottom:0px;width:100%;" class="layui-tab layui-tab-brief"
				lay-filter="tab" lay-allowclose="true">
				<ul class="layui-tab-title">
					<li lay-id="0" class="layui-this">首页</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<p
							style="padding: 10px 15px; margin-bottom: 20px; margin-top: 10px; border:1px solid #ddd;display:inline-block;">
							上次登陆
							<span style="padding-left:1em;">IP：127.0.0.1<span th:utext=${ip}></span></span>
							<span style="padding-left:1em;">地点： 地球村<span th:utext=${address}></span></span>
							<span style="padding-left:1em;">时间： 地球时间<span th:utext=${time}></span></span>
						</p>
						<fieldset class="layui-elem-field layui-field-title">
							<legend>统计信息</legend>
							<div class="layui-field-box">
								<div style="display: inline-block; width: 100%;">
									<div class="ht-box layui-bg-blue">
										<p>88</p>
										<p>用户总数</p>
									</div>
									<div class="ht-box layui-bg-red">
										<p>88</p>
										<p>今日注册</p>
									</div>
									<div class="ht-box layui-bg-green">
										<p>88</p>
										<p>今日登陆</p>
									</div>
									<div class="ht-box layui-bg-orange">
										<p>88</p>
										<p>订单总数</p>
									</div>
									<div class="ht-box layui-bg-cyan">
										<p>88888</p>
										<p>交易额度</p>
									</div>
								</div>
							</div>
						</fieldset>
					</div>
				</div>
			</div>
		</div>

		<!--个性化设置-->
		<div class="individuation animated flipOutY layui-hide">
			<ul>
				<li><i class="fa fa-cog" style="padding-right:5px"></i>个性化</li>
			</ul>
			<div class="explain">
				<small>从这里进行系统设置和主题预览</small>
			</div>
			<div class="setting-title">设置</div>
			<div class="setting-item layui-form">
				<span>侧边导航</span>
				<input type="checkbox" lay-skin="switch" lay-filter="sidenav" lay-text="ON|OFF" checked>
			</div>
			<div class="setting-title">主题</div>
			<div class="setting-item skin skin-default" data-skin="skin-default">
				<span>低调优雅</span>
			</div>
			<div class="setting-item skin skin-deepblue" data-skin="skin-deepblue">
				<span>蓝色梦幻</span>
			</div>
			<div class="setting-item skin skin-pink" data-skin="skin-pink">
				<span>姹紫嫣红</span>
			</div>
			<div class="setting-item skin skin-green" data-skin="skin-green">
				<span>一碧千里</span>
			</div>
		</div>
	</div>
	<!-- layui.js -->
	<script th:src="@{/plugin/layui/layui.js}"></script>
	<!-- layui规范化用法 -->
	<script type="text/javascript">
		layui.config({
			base: '../js/'
		}).use('main');
	</script>
</body>

</html>